<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./css/style.css">
  <link rel="stylesheet" href="./css/user.css">
  <title>24201012904史岂嘉</title>
</head>
<body>
  <div class="container">
    <!-- 用户信息 -->
    <div class="user-info">
      <img src="./img/touxiang.jpg" alt="User Avatar" class="avatar">
      <div class="user-details">
        <li class="username">波_奇_</li>
        <li class="level">LV6</li>
        <li class="membership">正式会员</li>
        <li class="currencies">
          <span>B币: 0.0</span>
          <span>硬币: 1410</span>
        </li>
      </div>
    </div>    
    <div class="user-stats">
        <div class="stat-item">
          <div class="stat-number">3</div>
          <div class="stat-label">动态</div>
        </div>
        <div class="stat-item">
          <div class="stat-number">93</div>
          <div class="stat-label">关注</div>
        </div>
        <div class="stat-item">
          <div class="stat-number">2</div>
          <div class="stat-label">粉丝</div>
        </div>
      </div>
    <!-- 更多服务 -->
    <div class="more-services">
      <div class="service">联系客服</div>
      <div class="service">未成年人守护</div>
      <div class="service">设置</div>
    </div>
</div>
    <!-- 底部导航 -->
    <script src="./font/iconfont.js"></script>
    <nav class="bnav">
        <ul>
            <li>
                <a href="index.html">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bzhan-shouye"></use>
                    </svg>
                    <p>首页</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dongtai"></use>
                    </svg>
                    <p>动态</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kuozhan"></use>
                    </svg>
                </a>
            </li>
            <li>
                <a href="#">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huiyuangoujihuox"></use>
                    </svg>
                    <p>会员购</p>
                </a>
            </li>
            <li>
                <a  href="user.html">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bzhan-wode1"></use>
                    </svg>
                    <p>我的</p>
                </a>
            </li>
        </ul>
    </nav>
</body>
</html>